import { Button, Switch, Tooltip } from 'antd';
import { RuleManageAPI } from '../common/type';
import { tooltipLength, getFileNameByPath, newGetFileNameNotType, downloadTemplate } from '@/utils';
import pageStyles from '@/common/pageLayout.less';
import { Fragment, useMemo } from 'react';
import { EditOutlined, EyeOutlined, FileExcelOutlined, DeliveredProcedureOutlined } from '@ant-design/icons';
import { ColumnsRenderFun, DictionaryRenderFun, formatDecimal } from '../common/Format';
import MyIcon from '@/components/MyIcon';

/**
 * 按钮的显示
 * */
const Operation = (curRes: Record<string, any>, operateFuns: RuleManageAPI.IOperateAPI, record: Record<string, any>) => {
  /**按钮集合数组*/
  let operationArray: any = [];

  /**按钮样式*/
  let txtStyle: React.CSSProperties = {
    fontSize: '.75rem',
  };

  /**查看详情*/
  const View = curRes?.['/purchaseStyleRuleController/details/{id}'] && (
    <Fragment key={record?.id + 'EyeOutlined'}>
      <Button
        className="manageBtntTxtStyle"
        onClick={() => {
          operateFuns?.onView(record);
        }}
        type={'link'}
        size={'small'}
        icon={<EyeOutlined />}
      >
        查看
      </Button>
    </Fragment>
  );

  /**编辑*/
  const Edit = curRes?.['/purchaseStyleRuleController/edit'] && (
    <Fragment key={record?.id + 'EditOutlined'}>
      <Button
        className="manageBtntTxtStyle"
        onClick={() => {
          operateFuns?.onEdit(record);
        }}
        type={'link'}
        size={'small'}
        icon={<EditOutlined />}
      >
        编辑
      </Button>
    </Fragment>
  );

  // /**作废信息*/
  // const cancel = true && (
  //     <Fragment key={record?.id + 'FileExcelOutlined'}>
  //         <Button
  //             className='manageBtntTxtStyle'
  //             onClick={() => {
  //                 operateFuns?.onCancel(record);
  //             }}
  //             type={'link'}
  //             size={'small'}
  //             icon={<FileExcelOutlined />}
  //         >
  //             作废
  //         </Button>
  //     </Fragment>
  // );

  /** 一个按钮都没有时展示*/
  const Disable = (
    <Fragment key={record?.id + '--Disable'}>
      <Button style={{ color: '#000' }} className="manageBtntTxtStyle" type={'link'} size={'small'} disabled>
        --
      </Button>
    </Fragment>
  );

  operationArray = [View, Edit];
  operationArray = operationArray?.filter((itemBtn: any) => itemBtn);
  return operationArray && operationArray?.length > 0 ? operationArray : [Disable];
};

/**
 * 管理页表格配置
 * */
export const ManageTableSwitch = (curRes: Record<string, any>, operateFuns: RuleManageAPI.IOperateAPI) => {
  /**
   * 缺少
   * 【可变更采购方式(字典..)】
   * */
  return [
    {
      title: '规则标题',
      dataIndex: 'ruleTitle',
      key: 'ruleTitle',
      visible: true,
      width: 100,
      unDrag: true,
      fixed: 'left',
      sorter: (a: any, b: any) => (a?.ruleTitle > b?.ruleTitle ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    {
      title: '规则介绍',
      dataIndex: 'ruleInfo',
      key: 'ruleInfo',
      visible: true,
      width: 200,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.ruleInfo > b?.ruleInfo ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    // {
    //   title: '比较方式', //比较方式(0：前开后开 1：前开后闭 2：前闭后开 3：前闭后闭)
    //   dataIndex: 'ruleStyle',
    //   key: 'ruleStyle',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.ruleStyle > b?.ruleStyle ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip title={''}>
    //         <span className={pageStyles['over-flow-hidden']}>
    //           {text == 0 ? '前开后开' : text == 1 ? '前开后闭' : text == 2 ? '前闭后开' : text == 3 ? '前闭后闭' : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '预算费用(元)', //planPriceMin-planPriceMax 暂时两个字段放在一起展示
    //   dataIndex: 'planPrice',
    //   key: 'planPrice',
    //   visible: true,
    //   width: 200,
    //   unDrag: false,
    //   // sorter: (a: any, b: any) => (a?.planPrice > b?.planPrice ? 1 : -1),
    //   render: (text: string | null, record: Record<string, any>) => {
    //     return (
    //       <Tooltip title={tooltipLength(text, 100)}>
    //         {/* <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span> */}
    //         {formatDecimal(record?.planPriceMin)}~{formatDecimal(record?.planPriceMax)}
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '采购办法', //采购办法(0：月度计划 1：零星采购 2： 实验平台)
    //   dataIndex: 'supplyWay',
    //   key: 'supplyWay',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.supplyWay > b?.supplyWay ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip title={''}>
    //         <span className={pageStyles['over-flow-hidden']}>
    //           {text == 0 ? '月度计划' : text == 1 ? '零星采购' : text == 2 ? '实验平台' : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '采购类别', //采购类别(字典...职能类 科研类)
    //   dataIndex: 'supplyKindName',
    //   key: 'supplyKindName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.supplyKind > b?.supplyKind ? 1 : -1),
    //   render: (text: string | null) => DictionaryRenderFun({ text }),
    // },
    // {
    //   title: '采购类型', //采购类型(字典... 等于物料里的供货分类)
    //   dataIndex: 'supplyTypeName',
    //   key: 'supplyTypeName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.supplyType > b?.supplyType ? 1 : -1),
    //   render: (text: string | null) => DictionaryRenderFun({ text }),
    // },
    // {
    //   title: '是否启用', //是否启用(0：否 1： 是)
    //   dataIndex: 'isOpen',
    //   key: 'isOpen',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.isOpen > b?.isOpen ? 1 : -1),
    //   render: (text: number, record: Record<string, any>) => {
    //     return (
    //       <Tooltip title={''}>
    //         <Switch
    //           checked={Boolean(text)}
    //           disabled={!curRes?.['/purchaseStyleRuleController/enable']}
    //           checkedChildren="启用"
    //           unCheckedChildren="禁用"
    //           onChange={(val) => {
    //             operateFuns?.onChangeSwitch(val, record);
    //           }}
    //         />
    //       </Tooltip>
    //     );
    //   },
    // },
    {
      title: '采购组织类型',
      dataIndex: 'procureOrgName',
      key: 'procureOrgName',
      visible: true,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.procureOrg > b?.procureOrg ? 1 : -1),
      render: (text: string | null) => DictionaryRenderFun({ text }),
    },
    {
      title: '拟定采购方式', //拟采方式(字典...)
      dataIndex: 'procureDraftName',
      key: 'procureDraftName',
      visible: true,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.procureDraft > b?.procureDraft ? 1 : -1),
      render: (text: string | null) => DictionaryRenderFun({ text }),
    },
    {
      title: '招标范本文件',
      dataIndex: 'bidTempFileURL',
      key: 'bidTempFileURL',
      visible: true,
      width: 200,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.bidTempFileURL > b?.bidTempFileURL ? 1 : -1),
      render: (text: string | null, record: Record<string, any>) => {
        const fileName: string = getFileNameByPath(text);
        return (
          <>
            {text ? (
              <Tooltip title={fileName}>
                <a
                  onClick={() => {
                    downloadTemplate('/purchaseStyleRuleController/downloadFile', fileName, record?.bidTempFileURL, () => {});
                  }}
                >
                  <MyIcon type="icon-file-text-fill" />
                  &nbsp;
                  {newGetFileNameNotType(fileName, 9)}
                </a>
              </Tooltip>
            ) : (
              <>--</>
            )}
          </>
        );
      },
    },
    // {
    //   title: '状态类型', //状态类型(字典...)
    //   dataIndex: 'stateType',
    //   key: 'stateType',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.stateType > b?.stateType ? 1 : -1),
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '是否需要签署合同',
    //   dataIndex: 'contractFlag',
    //   key: 'contractFlag',
    //   visible: true,
    //   width: 200,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.contractFlag > b?.contractFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text == 0 ? '否' : text == 1 ? '是' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '是否委托招标代理机构', //是否委托招标代理机构(0：否 1：可选 2：必须)
    //   dataIndex: 'entrustFlag',
    //   key: 'entrustFlag',
    //   visible: true,
    //   width: 220,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.entrustFlag > b?.entrustFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>
    //           {text == 0 ? '否' : text == 1 ? '可选' : text == 2 ? '必须' : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '邀请最少供应商数量',
    //   dataIndex: 'supplierMinNum',
    //   key: 'supplierMinNum',
    //   visible: true,
    //   width: 220,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.supplierMinNum > b?.supplierMinNum ? 1 : -1),
    //   render: (text: number) => ColumnsRenderFun({ text }),
    // },
    // {
    //   title: '是否通过需求论证',
    //   dataIndex: 'needProofFlag',
    //   key: 'needProofFlag',
    //   visible: false,
    //   width: 200,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.needProofFlag > b?.needProofFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text == 0 ? '否' : text == 1 ? '是' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '是否通过科研报告',
    //   dataIndex: 'needStudyFlag',
    //   key: 'needStudyFlag',
    //   visible: false,
    //   width: 200,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.needStudyFlag > b?.needStudyFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text == 0 ? '否' : text == 1 ? '是' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '是否通过项目建议书',
    //   dataIndex: 'needProjectFlag',
    //   key: 'needProjectFlag',
    //   visible: false,
    //   width: 200,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.needProjectFlag > b?.needProjectFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text == 0 ? '否' : text == 1 ? '是' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '是否通过第三方评审意见',
    //   dataIndex: 'needReviewFlag',
    //   key: 'needReviewFlag',
    //   visible: false,
    //   width: 240,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.needReviewFlag > b?.needReviewFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text == 0 ? '否' : text == 1 ? '是' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '是否意向公开',
    //   dataIndex: 'needIntentFlag',
    //   key: 'needIntentFlag',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.needIntentFlag > b?.needIntentFlag ? 1 : -1),
    //   render: (text: number) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text == 0 ? '否' : text == 1 ? '是' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '价格权重', //百分比显示
    //   dataIndex: 'priceWeight',
    //   key: 'priceWeight',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.priceWeight > b?.priceWeight ? 1 : -1),
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text ? text + '%' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '技术权重', //百分比显示
    //   dataIndex: 'technologyWeight',
    //   key: 'technologyWeight',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.technologyWeight > b?.technologyWeight ? 1 : -1),
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text ? text + '%' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '商务权重', //百分比显示
    //   dataIndex: 'businessWeight',
    //   key: 'businessWeight',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.businessWeight > b?.businessWeight ? 1 : -1),
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text ? text + '%' : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '归口公司',
    //   dataIndex: 'dutyCompanyName',
    //   key: 'dutyCompanyName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.dutyCompanyID > b?.dutyCompanyID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text }),
    // },
    // {
    //   title: '归口部门',
    //   dataIndex: 'dutyDepartmentName',
    //   key: 'dutyDepartmentName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.dutyDepartmentID > b?.dutyDepartmentID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '代理人公司',
    //   dataIndex: 'agentCompanyName',
    //   key: 'agentCompanyName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.agentCompanyID > b?.agentCompanyID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '代理人部门',
    //   dataIndex: 'agentDepartmentName',
    //   key: 'agentDepartmentName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.agentDepartmentID > b?.agentDepartmentID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    {
      title: '联系时间',
      dataIndex: 'createTime',
      key: 'createTime',
      visible: false,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.createTime > b?.createTime ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    {
      title: '联系人公司',
      dataIndex: 'createCompanyName',
      key: 'createCompanyName',
      visible: false,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.createCompanyID > b?.createCompanyID ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    {
      title: '联系人部门',
      dataIndex: 'createDepartmentName',
      key: 'createDepartmentName',
      visible: false,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.createDepartmentID > b?.createDepartmentID ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    {
      title: '联系人岗位',
      dataIndex: 'createPositionName',
      key: 'createPositionName',
      visible: false,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.createPositionID > b?.createPositionID ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    {
      title: '联系人',
      dataIndex: 'createrName',
      key: 'createrName',
      visible: true,
      width: 150,
      unDrag: false,
      sorter: (a: any, b: any) => (a?.createrID > b?.createrID ? 1 : -1),
      render: (text: string | null) => ColumnsRenderFun({ text }),
    },
    // {
    //   title: '经办时间',
    //   dataIndex: 'ownTime',
    //   key: 'ownTime',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.ownTime > b?.ownTime ? 1 : -1),
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '经办人公司',
    //   dataIndex: 'ownCompanyName',
    //   key: 'ownCompanyName',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.ownCompanyID > b?.ownCompanyID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '经办人部门',
    //   dataIndex: 'ownDepartmentName',
    //   key: 'ownDepartmentName',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.ownDepartmentID > b?.ownDepartmentID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '经办人岗位',
    //   dataIndex: 'ownPositionName',
    //   key: 'ownPositionName',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.ownPositionID > b?.ownPositionID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '经办人',
    //   dataIndex: 'ownerName',
    //   key: 'ownerName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.ownerID > b?.ownerID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '变更时间',
    //   dataIndex: 'modifyTime',
    //   key: 'modifyTime',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.modifyTime > b?.modifyTime ? 1 : -1),
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip>
    //         <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '变更人公司',
    //   dataIndex: 'modifyCompanyName',
    //   key: 'modifyCompanyName',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.modifyCompanyID > b?.modifyCompanyID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '变更人部门',
    //   dataIndex: 'modifyDepartmentName',
    //   key: 'modifyDepartmentName',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.modifyDepartmentID > b?.modifyDepartmentID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '变更人岗位',
    //   dataIndex: 'modifyPositionName',
    //   key: 'modifyPositionName',
    //   visible: false,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.modifyPositionID > b?.modifyPositionID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //   title: '变更人',
    //   dataIndex: 'modifyerName',
    //   key: 'modifyerName',
    //   visible: true,
    //   width: 150,
    //   unDrag: false,
    //   sorter: (a: any, b: any) => (a?.modifyerID > b?.modifyerID ? 1 : -1),
    //   render: (text: string | null) => ColumnsRenderFun({ text })
    // },
    // {
    //     title: '作废类型', //作废类型(字典定义...)
    //     dataIndex: 'cancelType',
    //     key: 'cancelType',
    //     visible: false,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelType > b?.cancelType ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    // {
    //     title: '作废原因',
    //     dataIndex: 'cancelReason',
    //     key: 'cancelReason',
    //     visible: false,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelReason > b?.cancelReason ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    // {
    //     title: '作废时间',
    //     dataIndex: 'cancelTime',
    //     key: 'cancelTime',
    //     visible: true,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelTime > b?.cancelTime ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    // {
    //     title: '作废人公司',
    //     dataIndex: 'cancelCompanyID',
    //     key: 'cancelCompanyID',
    //     visible: false,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelCompanyID > b?.cancelCompanyID ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    // {
    //     title: '作废人部门',
    //     dataIndex: 'cancelDepartmentID',
    //     key: 'cancelDepartmentID',
    //     visible: false,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelDepartmentID > b?.cancelDepartmentID ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    // {
    //     title: '作废人岗位',
    //     dataIndex: 'cancelPositionID',
    //     key: 'cancelPositionID',
    //     visible: false,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelPositionID > b?.cancelPositionID ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    // {
    //     title: '作废人',
    //     dataIndex: 'cancelerID',
    //     key: 'cancelerID',
    //     visible: true,
    //     width: 150,
    //     unDrag: false,
    //     sorter: (a: any, b: any) => (a?.cancelerID > b?.cancelerID ? 1 : -1),
    //     render: (text: string | null) => {
    //         return (
    //             <Tooltip>
    //                 <span className={pageStyles['over-flow-hidden']}>{text ? text : '--'}</span>
    //             </Tooltip>
    //         );
    //     },
    // },
    {
      title: '操作',
      dataIndex: 'operation',
      key: 'operation',
      width: 150,
      visible: true,
      unDrag: true,
      fixed: 'right',
      render: (text: string | null, record: Record<string, any>) => {
        return (
          <div
            style={{
              display: 'flex',
            }}
          >
            {Operation(curRes, operateFuns, record)}
          </div>
        );
      },
    },
  ];
};
